<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>下载球队图标</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }
        .logo-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 20px;
        }
        .logo-item {
            border: 1px solid #ccc;
            padding: 10px;
            border-radius: 8px;
            text-align: center;
        }
        .logo-item img {
            max-width: 100px;
            height: 100px;
            object-fit: contain;
            margin-bottom: 10px;
        }
        .logo-item a {
            display: block;
            margin-top: 10px;
            background-color: #3182ce;
            color: white;
            padding: 5px 10px;
            border-radius: 4px;
            text-decoration: none;
        }
        .highlight {
            border: 2px solid #e53e3e;
            background-color: #fff5f5;
        }
        .notice {
            background-color: #ebf8ff;
            border: 1px solid #90cdf4;
            padding: 10px;
            border-radius: 4px;
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <h1>欧冠球队图标下载</h1>
    
    <div class="notice">
        <h3>❗ 重要提示</h3>
        <p>请特别注意下载以下队伍的图标，它们尚未成功下载：</p>
        <ul>
            <li><strong>巴黎圣日耳曼 (psg.png)</strong></li>
            <li><strong>阿森纳 (arsenal.png)</strong></li>
            <li><strong>皇家马德里 (realmadrid.png)</strong></li>
            <li><strong>阿斯顿维拉 (astonvilla.png)</strong></li>
            <li><strong>巴塞罗那 (barcelona.png)</strong></li>
        </ul>
    </div>
    
    <p>点击下面的"下载"按钮来下载每个球队的图标，然后将其保存到项目的images文件夹中。</p>
    
    <div class="logo-grid">
        <div class="logo-item">
            <img src="https://football-logos.com/logos/m/manchester-city.png" alt="曼城">
            <h3>曼城 (mancity.png)</h3>
            <a href="https://football-logos.com/logos/m/manchester-city.png" download="mancity.png">下载</a>
        </div>
        
        <div class="logo-item highlight">
            <img src="https://football-logos.com/logos/r/real-madrid.png" alt="皇马">
            <h3>皇马 (realmadrid.png)</h3>
            <a href="https://football-logos.com/logos/r/real-madrid.png" download="realmadrid.png">下载</a>
        </div>
        
        <div class="logo-item">
            <img src="https://football-logos.com/logos/b/bayern-munich.png" alt="拜仁">
            <h3>拜仁 (bayern.png)</h3>
            <a href="https://football-logos.com/logos/b/bayern-munich.png" download="bayern.png">下载</a>
        </div>
        
        <div class="logo-item highlight">
            <img src="https://football-logos.com/logos/p/psg.png" alt="巴黎">
            <h3>巴黎 (psg.png)</h3>
            <a href="https://football-logos.com/logos/p/psg.png" download="psg.png">下载</a>
        </div>
        
        <div class="logo-item highlight">
            <img src="https://football-logos.com/logos/b/barcelona.png" alt="巴萨">
            <h3>巴萨 (barcelona.png)</h3>
            <a href="https://football-logos.com/logos/b/barcelona.png" download="barcelona.png">下载</a>
        </div>
        
        <div class="logo-item">
            <img src="https://football-logos.com/logos/b/borussia-dortmund.png" alt="多特">
            <h3>多特 (dortmund.png)</h3>
            <a href="https://football-logos.com/logos/b/borussia-dortmund.png" download="dortmund.png">下载</a>
        </div>
        
        <div class="logo-item">
            <img src="https://football-logos.com/logos/i/inter-milan.png" alt="国米">
            <h3>国米 (inter.png)</h3>
            <a href="https://football-logos.com/logos/i/inter-milan.png" download="inter.png">下载</a>
        </div>
        
        <div class="logo-item highlight">
            <img src="https://football-logos.com/logos/a/arsenal.png" alt="阿森纳">
            <h3>阿森纳 (arsenal.png)</h3>
            <a href="https://football-logos.com/logos/a/arsenal.png" download="arsenal.png">下载</a>
        </div>
        
        <div class="logo-item highlight">
            <img src="https://football-logos.com/logos/a/aston-villa.png" alt="阿斯顿维拉">
            <h3>阿斯顿维拉 (astonvilla.png)</h3>
            <a href="https://football-logos.com/logos/a/aston-villa.png" download="astonvilla.png">下载</a>
        </div>
        
        <div class="logo-item">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Placeholder_view_vector.svg/200px-Placeholder_view_vector.svg.png" alt="占位图">
            <h3>占位图 (placeholder.png)</h3>
            <a href="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Placeholder_view_vector.svg/200px-Placeholder_view_vector.svg.png" download="placeholder.png">下载</a>
        </div>
    </div>
    
    <h2 style="margin-top: 30px;">使用说明</h2>
    <ol>
        <li>点击每个球队图标下方的"下载"按钮</li>
        <li>将下载的图标保存到项目的images文件夹中</li>
        <li>确保文件名与括号中指定的名称完全相同（例如：mancity.png）</li>
        <li>下载完所有图标后，刷新欧冠预测页面即可看到图标显示</li>
    </ol>
</body>
</html> 